.projectAnsBox{
    width: 100%;
    height: 100%;
    .BigBox{
        width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        .box_left{
            width: 880px;
            background: #fff;
            // -webkit-box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
            box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
            border-radius: 2px;
            .answer_tags{
                width: 100%;
                background: #ffffff;
                -webkit-box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
                box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
                border-radius: 2px;
                padding: 30px 20px;
                .state{
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-top: 6px;
                    h2{
                        width: 88px;
                        text-align: right;
                    }
                    .statusListb{
                        max-width: 100%;
                        padding-left: 0;
                        padding-right: 15px;
                        overflow: hidden;
                        width: 950px;
                        overflow: hidden;
                        font-size: 18px;
                        .span{
                            display: inline-block;
                            margin: 0 4px 15px 0;
                            padding: 4px 18px;
                            font-size: 14px;
                            color: #666;
                            border-radius: 15px;
                            cursor: pointer;
                            -webkit-transition: background 0.5s ease;
                            transition: background 0.5s ease;
                            text-decoration: none;
                            font-size: 14px;
                            font-family: SourceHanSansCN-Regular, SourceHanSansCN;
                            font-weight: 400;
                            color: #303849;
                        }
                        .active,.span:hover{
                            background: #679cf6;
                            border-radius: 15px;
                            color: #fff;
                        }
                    }
                }
                .inputs{
                    display: flex;
                    float: right;
                    align-items: center;
                    margin-top: 10px;
                    height: 50px;
                    div{
                        margin: 0 10px;
                        .inputcheck{
                            margin: 0 5px;
                        }
                    }
                }
                .lists{
                    border-top: 1px solid #eee;
                    margin-top: 70px;
                    .listItem{
                        display: flex;
                        padding-bottom: 20px;
                        border-bottom: 0.5px solid #f2f2f2;
                        padding-top: 20px;
                        border-top: 0.5px solid #f2f2f2;
                        justify-content: space-between;
                        .listItemLeft{
                            width: 83.33333%;
                            .leftCop1{
                                font-size: 12px;
                                color: #80879b;
                                display: -webkit-box;
                                display: flex;
                                -webkit-box-align: center;
                                align-items: center;
                                -webkit-box-pack: justify;
                                justify-content: space-between;
                                .leftCop1Left{
                                    display: flex;
                                    -webkit-box-align: center;
                                    align-items: center;margin-right: 5px;
                                    >div{
                                        margin-right: 10px;
                                    }
                                    >span{
                                        margin-right: 10px;
                                    }
                                    .blue{
                                        color: #5078e6;
                                    }
                                }
                                .leftCop1Right{
                                    display: flex;
                                    align-items: center;
                                }
                            }
                            .leftCon2{
                                padding-top: 13px;
                                width: 80%;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                .leftCon2Sapn{
                                    margin-left: 5px;
                                    font-size: 17px;
                                }
                            }
                            .leftCon3{
                                display: flex;
                                justify-content: space-between;
                                margin-top: 10px;
                                .leftCon3Left{
                                    color: #80879b;
                                }
                                .leftCon3Right{
                                    color: #5078e6;
                                }
                            }
                            .leftCop4{
                                margin-top: 10px;
                                .itsm{
                                    padding: 5px 10px;
                                    border-radius: 15px;
                                    border: 1px solid #679cf6;
                                    text-align: center;
                                    font-size: 12px;
                                    color: #679cf6;
                                    margin-right: 15px;
                                }
                            }
                        }
                        .listItemRight{
                            width: 100px;
                            height: 40px;
                            background: #679cf6;
                            border-radius: 4px;
                            font-size: 16px;
                            color: white;
                            line-height: 40px;
                            text-align: center;
                            cursor: pointer;
                            margin-top: 50px;
                        }
                    }
                }
            }
            .list_detail{
                width: 100%;
                margin-top: 20px;
                padding-left: 20px;
                padding-right: 20px;
                background: #ffffff;
                // -webkit-box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
                box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
                border-radius: 2px;
            }
        }
        .box_right{
            margin-left: 20px;
            .ask_question{
                width: 280px;
                height: 40px;
                background: #ff8d41;
                border-radius: 4px;
                text-align: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 16px;
                font-weight: 400;
                color: #ffffff;
                line-height: 40px;
                cursor: pointer;
            }
            .notice{
                .my_answer{
                    margin-top: 20px;
                    width: 280px;
                    background: #ffffff;
                    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
                    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
                    border-radius: 2px;
                    padding: 20px 15px;
                    .my_an1{
                        margin-bottom: 15px;
                        display: flex;
                        >span{
                            display: inline-block;
                            width: 3px;
                            height: 18px;
                            background: #679cf6;
                            margin-right: 10px;
                            margin-top: 7px;
                        }
                        >div{
                            font-size: 18px;
                            font-weight: 550;
                            color: #303849;
                        }
                    }
                    .s_avatar{
                        >img{
                            width: 40px;
                            height: 40px;
                            border-radius: 50%;
                        }
                        >span{
                            margin-left: 5px;
                            color: #80879b;
                        }
                    }
                    .q_avatar{
                        margin-top: 10px;
                        display: flex;
                        .q_avatarLeft{
                            width: 24px;
                            height: 24px;
                            background: #ff8d41;
                            border-radius: 2px;
                            text-align: center;
                            font-size: 16px;
                            font-family: SourceHanSansCN-Regular, SourceHanSansCN;
                            font-weight: 400;
                            color: #ffffff;
                            line-height: 24px;
                        }
                        .q_avatarRight{
                            margin-left: 10px;
                            font-size: 14px;
                            >span{
                                color: red;
                            }
                        }
                        .q_avatarLeft2{
                            width: 24px;
                            height: 24px;
                            background: #3bc9a9;
                            border-radius: 2px;
                            text-align: center;
                            font-size: 16px;
                            font-family: SourceHanSansCN-Regular, SourceHanSansCN;
                            font-weight: 400;
                            color: #ffffff;
                            line-height: 24px;
                        }
                    }
                }
            }
        }
    }
}